<div class="page">
    <div class="page__hd">
        <h1 class="page__title">Button</h1>
        <p class="page__desc">按钮</p>
    </div>
    <div class="page__bd">

        <div class="button-sp-area">
        <a href="javascript:" class="weui-btn weui-btn_primary">页面主操作</a>
		<a href="javascript:" class="weui-btn weui-btn_primary weui-btn_loading"><i class="weui-loading"></i>页面主操作</a>
        <a href="javascript:" class="weui-btn weui-btn_disabled weui-btn_primary">页面主操作</a>
        <a href="javascript:" class="weui-btn weui-btn_default">页面次要操作</a>
		<a href="javascript:" class="weui-btn weui-btn_default weui-btn_loading"><i class="weui-loading"></i>页面次操作</a>
        <a href="javascript:" class="weui-btn weui-btn_disabled weui-btn_default">页面次要操作</a>
        <a href="javascript:" class="weui-btn weui-btn_warn">警告类操作</a>
		<a href="javascript:" class="weui-btn weui-btn_warn weui-btn_loading"><i class="weui-loading"></i>警告类操作</a>
        <a href="javascript:" class="weui-btn weui-btn_disabled weui-btn_warn">警告类操作</a>
        </div>


        <div class="button-sp-area cell">
          <a href="javascript:" class="weui-btn_cell weui-btn_cell-default">普通行按钮</a>
          <a href="javascript:" class="weui-btn_cell weui-btn_cell-primary">强调行按钮</a>
          <a href="javascript:" class="weui-btn_cell weui-btn_cell-primary">
            <img class="weui-btn_cell__icon" src="">
            强调行按钮
          </a>
          <a href="javascript:" class="weui-btn_cell weui-btn_cell-warn">警告行按钮</a>
        </div>

        <div class="button-sp-area">
            <a href="javascript:" class="weui-btn weui-btn_mini weui-btn_primary">按钮</a>
            <a href="javascript:" class="weui-btn weui-btn_mini weui-btn_default">按钮</a>
            <a href="javascript:" class="weui-btn weui-btn_mini weui-btn_warn">按钮</a>
        </div>
    </div>
</div>
